.dashboard {
  position: absolute;
  font-size: 10px;
  font-family: "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
  color: #fff;
  line-height: normal;
  width: 172px;
  height: 135px;
  padding: 14px;
  background: url(../img/picker/frame.png) no-repeat;
}
.dashboard .header {
 position: relative;
 height: 15px;
 margin-bottom: 5px;
 padding-top: 1px;
}
.dashboard .header .title {
 text-align: center;
 margin: 2px 18px 0 18px;
}
.dashboard .header .titleText {
 color: #ccff00;
}
.dashboard .header .previous,
.dashboard .header .next,
.dashboard .header .closeButton {
 position: absolute;
 cursor: pointer;
 text-indent: -40px;
 overflow: hidden;
 width: 12px;
 height: 12px;
 top: 2px;
 background-image: url(../img/picker/buttons.png);
 background-position: left top;
 background-repeat: no-repeat;
}
.dashboard .header .previous {
 left: 4px;
}
.dashboard .header .previous:hover {
 background-position: left bottom;
}
.dashboard .header .next {
 right: 4px;
 background-position: -13px top;
}
.dashboard .header .next:hover {
 background-position: -13px bottom;
}
.dashboard .header .closeButton {
 display: none;
 right: 0;
 top: 0;
 background-position: right top;
}
.dashboard .header .closeButton:hover {
 background-position: right bottom;
}
.dashboard .body {
 position: relative;
 top: 0;
 left: 2px;
 width: 168px;
 height: 112px;
 overflow: hidden;
}
.dashboard .time {
 position: relative;
 width: 100%;
 height: 100%;
}
.dashboard .time .hour,
.dashboard .time .separator,
.dashboard .time .minutes {
 background: #333;
 border: 0;
 width: 50px;
 font-size: 32px;
 color: #fff;
 position: absolute;
 top: 10px;
 text-align: center;
 padding: 2px;
}
.dashboard .time .hour {
 left: 15px;
}
.dashboard .time .separator {
 background: transparent;
 width: 10px;
 left: 76px;
}
.dashboard .time .minutes {
 left: 95px;
}
.dashboard .time .ok {
 position: absolute;
 top: 65px;
 height: 32px;
 width: 136px;
 left: 15px;
 font-size: 20px;
}
.dashboard .days .day {
 float: left;
 text-align: center;
 overflow: hidden;
 width: 23px;
 padding-top: 1px;
 height: 14px;
 margin: 0 1px 1px 0;
}
.dashboard .days .titles {
 height: 15px;
 margin-bottom: 2px;
 text-transform: uppercase;
 color: #aaa;
}
.dashboard .days .day0 {
 margin-right: 0;
}
.dashboard .days .week5 .day {
 margin-bottom: 0;
}
.dashboard .days .week .day {
 cursor: pointer;
}
.dashboard .days .week .day:hover {
 color: #ccff00;
}
.dashboard .days .otherMonth {
 color: #444444;
}
.dashboard .days .selected {
 color: #ccff00;
}
.dashboard .months .month {
 float: left;
 cursor: pointer;
 text-align: center;
 padding-top: 6px;
 width: 55px;
 overflow: hidden;
 height: 21px;
 margin: 0 1px 1px 0;
}
.dashboard .months .month3,
.dashboard .months .month6,
.dashboard .months .month9,
.dashboard .months .month12 {
 margin-right: 0;
}
.dashboard .months .month10,
.dashboard .months .month11,
.dashboard .months .month12 {
 margin-bottom: 0;
}
.dashboard .months .month:hover {
 color: #ccff00;
}
.dashboard .months .selected {
 color: #ccff00;
}
.dashboard .years .year {
 float: left;
 cursor: pointer;
 text-align: center;
 padding-top: 6px;
 width: 32px;
 overflow: hidden;
 height: 21px;
 margin: 0 1px 1px 0;
}
.dashboard .years .year4,
.dashboard .years .year9,
.dashboard .years .year14,
.dashboard .years .year19 {
 margin-right: 0;
}
.dashboard .years .year15,
.dashboard .years .year16,
.dashboard .years .year17,
.dashboard .years .year18,
.dashboard .years .year19 {
 margin-bottom: 0;
}
.dashboard .years .year:hover {
 color: #ccff00;
}
.dashboard .years .selected {
 color: #ccff00
}
.dashboard .unavailable {
 color: #533 !important;
 cursor: default !important;
 text-decoration: line-through;
}
